<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020-06-20
  Time: 23:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Register Page</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/jquery-1.11.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script>
        //文档就绪函数
        //  $(function(){})
        $(function () {
            /*document.getElementById().addEventListener("",function () {  },false)*/
            $("#user").on("change",function () {
                /*alert($(this).val())*/
                //需要通过ajax与后台关联，查看数据库是否有当前用户
                //1.url  请求的路径地址是全称
                //2.data 往后台传输的数据
                // 3.回调函数 后台将数据返回来后，接受数据的函数，当前函数必须有一个data参数
                // get可以在url中直接书写，post必须在js对象中书写
                $.get("http://localhost:8080/demo_war_exploded/jsp/check?name="+$(this).val(),null,function (data) {
                    console.log(data);
                    $("#span1").html(data);
                });
             /*     JQuery中的ajax方法
                $.ajax()
                $.get()
                $.post()
                $.getJSON();*/
            })
        })
    </script>
    <style>
        .bp_r{
            background-image: url("../img/registergroud_pic.jpg") ;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .form-register{
            margin: 300px 0 0 650px;
        }
    </style>
</head>
<body class="bp_r">
<%--<h3 class="text-primary">注册页面</h3>
<hr>--%>
<form action="register" class="form-register">
    <input type="text" placeholder="请输入用户名" id="user" name="name" class="form-inline">
    <span id="span1" class="text-danger"></span>
    <br>
    <input type="password" placeholder="请输入密码"  class="form-inline"><br>
    <input type="password" placeholder="请再次输入密码" name="pwd" class="form-inline"><br>
    <input type="submit" class="form-inline" value="注册"><br>
</form>
</body>
</html>
